<!-- 老旧小区改造-->
<template>
  <div class="page-box">
    <div class="flex-left">
      <DataSummary/>
      <ChannelSummary/>
      <TypeSummary/>
    </div>
    <div class="flex-right">
      <CompletionStatus/>
      <ZuiXinAnJian
        :classOption="classOption"
        :scrollData="scrollData"
        :servers="2"
      />
    </div>
  </div>
</template>

<script>
import DataSummary from './components/DataSummary.vue'
import ChannelSummary from './components/ChannelSummary.vue'
import TypeSummary from './components/TypeSummary.vue'
import CompletionStatus from './components/CompletionStatus.vue'
import ZuiXinAnJian from './components/ZuiXinAnJian.vue'
import { MarketSurveillanceDB } from '@/api'
export default {
  components: {
    DataSummary,
    ChannelSummary,
    TypeSummary,
    ZuiXinAnJian,
    CompletionStatus
  },
  data() {
    return {
      scrollData: [],
      classOption:{
        step: 0.3,
      }
    }
  },
  mounted() {
    this.getData()
  },
  methods: {
    getData() {
      // servers  1-智慧工地  2-老旧小区
      MarketSurveillanceDB.getOrderList({
        orgId:'1301571732182839297',
      }).then(res => {
        this.scrollData = res.data || []
      })
    }
  }
}
</script>

<style lang="less" scoped></style>
